<div class="container   space-md-2 px-lg-7">
    <div class="border-bottom">
        <div class="container text-center space-top-2 space-top-md-4 space-top-lg-3">
            <div class="w-md-75 mx-md-auto mb-5">
                <h1 class="display-4 font-size-md-down-5 font-weight-medium mb-3"> 快速、强大、稳定的开发框架</h1>
                <p class="lead">
                    52ABP-PRO是一个快速响应，移动优先的符合现代UI设计和SOLID架构的强力开发框架，它是您任何创意和专业网站的完美起点。为您的商业点子带来无限可能，使您的网站在网络上脱颖而出。



                </p>
            </div>
            <div id="SVGicons" class="svg-preloader w-lg-75 mx-md-auto mb-11">
                <div class="row">
                    <div class="col-6 col-sm-3 mb-5 mb-sm-0">
                        <!-- Icon Blocks -->
                        <div class="text-center">
                            <figure class="ie-height-40 w-100 max-width-6 mx-auto mb-3">
                                <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-6.svg" alt="SVG"
                                     data-parent="#SVGicons">

                            </figure>
                            <h3 class="h6 font-weight-normal">强大的功能</h3>
                        </div>
                        <!-- End Icon Blocks -->
                    </div>

                    <div class="col-6 col-sm-3 mb-5 mb-sm-0">
                        <!-- Icon Blocks -->
                        <div class="text-center">
                            <figure class="ie-height-40 w-100 max-width-6 mx-auto mb-3">
                                <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-26.svg" alt="SVG"
                                     data-parent="#SVGicons">
                            </figure>
                            <h3 class="h6 font-weight-normal">一流的代码</h3>
                        </div>
                        <!-- End Icon Blocks -->
                    </div>

                    <div class="col-6 col-sm-3">
                        <!-- Icon Blocks -->
                        <div class="text-center">
                            <figure class="ie-height-40 w-100 max-width-6 mx-auto mb-3">
                                <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-21.svg" alt="SVG"
                                     data-parent="#SVGicons">
                            </figure>
                            <h3 class="h6 font-weight-normal">优秀的设计</h3>
                        </div>
                        <!-- End Icon Blocks -->
                    </div>

                    <div class="col-6 col-sm-3">
                        <!-- Icon Blocks -->
                        <div class="text-center">
                            <figure class="ie-height-40 w-100 max-width-6 mx-auto mb-3">
                                <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-8.svg" alt="SVG"
                                     data-parent="#SVGicons">
                            </figure>
                            <h3 class="h6 font-weight-normal">目标驱动</h3>
                        </div>
                        <!-- End Icon Blocks -->
                    </div>
                </div>
            </div>

            <div class="mb-9">
                <a class="btn btn-soft-primary btn-wide transition-3d-hover" href="@Url.Action("Index","Download")" target="_blank">开始创建</a>
                <!-- Fancybox -->
                <a class="  btn btn-outline-secondary btn-wide btn-pill transition-3d-hover mb-2 mb-sm-0 mr-sm-2" target="_blank" href="https://pro.52abp.com/">
                    <small class="fas fa-play mr-2"></small>
                    在线Demo
                </a>
                <!-- End Fancybox -->

                <a class="btn btn-primary btn-wide btn-pill transition-3d-hover mb-2 mb-sm-0"  href="/Purchase/Index" target="_blank">购买</a>
            </div>

            <!-- Showcase Mockup -->
            @*<figure id="SVGshowcaseMockup1" class="svg-preloader ie-showcase-mockup-1">
                     <img class="js-svg-injector" src="~/front-assets/svg/illustrations/showcase-mockup-1.svg" alt="Image Description"
                          data-img-paths='[
                  {"targetId": "#SVGshowcaseMockup1Img1", "newPath": "/imgs/banner/pro_52abp_dashboard.png"},
                  {"targetId": "#SVGshowcaseMockup1Img2", "newPath": "/imgs/banner/free_dashboard.png"}
                ]'
                          data-parent="#SVGshowcaseMockup1">
                 </figure>*@
            <!-- End Showcase Mockup -->
        </div>
    </div>


</div>
   


